<template>
  <div>
    <div id="main" style="width: 600px; height: 400px"></div>
  </div>
</template>

<script>
// 引入 ECharts 主模块
var echarts = require("echarts/lib/echarts");
// 引入柱状图
require("echarts/lib/chart/bar");
// 引入提示框和标题组件
require("echarts/lib/component/tooltip");
require("echarts/lib/component/title");
export default {
  name: "chart",
  data() {
    return {};
  },
  created() {},
  mounted() {
    var myChart = echarts.init(document.getElementById("main"));  //初始化图表
    myChart.setOption({
      title: {
        text: "ECharts 入门示例",
        top:'哈哈',
      },
      tooltip: {},
      xAxis: {
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
      },
      yAxis: {},
      series: [
        {
          name: "销量",
          type: "bar",
          data: [5, 20, 36, 10, 10, 20],
        },
      ],
    });
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>

<style lang="" scoped>
</style>



